#main_up {
	width: 980px;
	height: 100%;
}

#main_up_left {
	width: 600px;
	height: 100%;
	float: left;
}

#main_up_right {
	width: 340px;
	height: 100%;
	float: right;
}

.sociales {
	TEXT-ALIGN: center;
	MARGIN-BOTTOM: 20px
}

#timeline {
	POSITION: relative;
	MARGIN: 5px auto;
	WIDTH: 600px;
	BACKGROUND: url(../image/index/dot.gif) repeat-x left 45px;
	HEIGHT: 350px;
	OVERFLOW: hidden
}

#dates {
	WIDTH: 600px;
	HEIGHT: 60px;
	OVERFLOW: hidden
}

#dates LI {
	TEXT-ALIGN: center;
	LIST-STYLE-TYPE: none;
	WIDTH: 103px;
	BACKGROUND: url(../image/index/biggerdot.png) no-repeat center bottom;
	FLOAT: left;
	HEIGHT: 36px;
	FONT-SIZE: 16px;
	LIST-STYLE-IMAGE: none
}

#dates A {
	PADDING-BOTTOM: 10px;
	LINE-HEIGHT: 25px
}

#dates .selected {
	FONT-SIZE: 32px
}

#issues {
	WIDTH: 600px;
	HEIGHT: 350px;
	OVERFLOW: hidden
}

#issues LI {
	LIST-STYLE-TYPE: none;
	WIDTH: 600px;
	FLOAT: left;
	HEIGHT: 350px;
	LIST-STYLE-IMAGE: none
}

#issues LI.selected IMG {
	width: 100px;
	height: 120px;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

#issues LI IMG {
	MARGIN: 10px 30px 10px 20px;
	FLOAT: left;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7)
}

#issues LI H1 {
	TEXT-ALIGN: center;
	MARGIN: 20px 10px;
	COLOR: #346086;
	FONT-SIZE: 30px;
	TEXT-ALIGN: center;
}

#issues LI P {
	LINE-HEIGHT: 22px;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	MARGIN-RIGHT: 80px;
	text-shadow: #000 1px 1px 2px
}

#grad_left {
	POSITION: absolute;
	WIDTH: 80px;
	HEIGHT: 350px;
	TOP: 0px
}

#grad_right {
	POSITION: absolute;
	WIDTH: 80px;
	HEIGHT: 350px;
	TOP: 0px
}

#grad_left {
	/*BACKGROUND: url(../images/grad_left.png) repeat-y; LEFT: 0px*/
	
}

#grad_right {
	/*BACKGROUND: url(../images/grad_right.png) repeat-y; RIGHT: 0px*/
	
}

#next {
	POSITION: absolute;
	TEXT-INDENT: -9999px;
	WIDTH: 22px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 0px;
	HEIGHT: 38px;
	FONT-SIZE: 70px;
	OVERFLOW: hidden;
	TOP: 170px
}

#prev {
	POSITION: absolute;
	TEXT-INDENT: -9999px;
	WIDTH: 22px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 0px;
	HEIGHT: 38px;
	FONT-SIZE: 70px;
	OVERFLOW: hidden;
	TOP: 170px
}

#next:hover {
	BACKGROUND-POSITION: 0px -76px
}

#prev:hover {
	BACKGROUND-POSITION: 0px -76px
}

#next {
	BACKGROUND-IMAGE: url(../image/index/next.png);
	RIGHT: 0px
}

#prev {
	BACKGROUND-IMAGE: url(../image/index/prev.png);
	LEFT: 0px
}

.disabled#next {
	opacity: 0.2
}

.disabled#prev {
	opacity: 0.2
}
